
<template>
<div class="homewave">
  <el-table
    :data="tableData"
    ref="multipleTableDevice"
    tooltip-effect="dark"
    style="width: 100%"
    border
    :default-sort = "{prop: 'time', order: 'descending'}">
    <el-table-column type="index" label="序号"  width="50">
    </el-table-column>
    <el-table-column prop="time" label="时间" width="200" sortable align="center">
    </el-table-column>
    <el-table-column prop="c1" label="C1" sortable align="center">
    </el-table-column>
    <el-table-column prop="c2" label="C2" sortable align="center">
    </el-table-column>
    <el-table-column prop="c3" label="C3" sortable align="center">
    </el-table-column>
    <el-table-column prop="c4" label="C4" sortable align="center">
    </el-table-column>
    <el-table-column prop="oLeadingE" label="1超前2" sortable align="center">
    </el-table-column>
    <el-table-column prop="oLeadingS" label="1超前3" sortable align="center">
    </el-table-column>
    <el-table-column prop="oLeadingF" label="1超前4" sortable align="center">
    </el-table-column>
    <el-table-column prop="ELeadingS" label="2超前3" sortable align="center">
    </el-table-column>
    <el-table-column prop="ELeadingF" label="2超前4" sortable align="center">
    </el-table-column>
    <el-table-column prop="SLeadingF" label="3超前4" sortable align="center">
    </el-table-column>
    <el-table-column prop="explain" label="说明">
    </el-table-column>
    <el-table-column label="操作">
      <template>
        <el-button size="mini">查看</el-button>
      </template>
    </el-table-column>
  </el-table>
</div>
</template>
<script>
export default {
  data () {
    return {
      tableData: [{
          time: '2020-12-16 15:31:49:266',
          c1: '739',c2: '4684',c3:'1265',c4:'None',
          oLeadingE:'-2.545',oLeadingS:'4.5',oLeadingF:'2.545',
          ELeadingS:'-2.545',ELeadingF:'54.5',SLeadingF:'2.545',
          explain:"说明"
        },{
          time: '2020-12-17 15:31:49:266',
          c1: '786',c2: '787',c3:'7867',c4:'None',
          oLeadingE:'-32.545',oLeadingS:'34.5',oLeadingF:'2.34',
          ELeadingS:'-2.545',ELeadingF:'14.5',SLeadingF:'3.545',
          explain:"说明"
        },{
          time: '2020-12-19 15:31:49:266',
          c1: '6778',c2: '767',c3:'876',c4:'None',
          oLeadingE:'-1.545',oLeadingS:'7.5',oLeadingF:'3.545',
          ELeadingS:'-2.545',ELeadingF:'4.5',SLeadingF:'2.345',
          explain:"说明"
        },{
          time: '2020-12-20 15:31:49:266',
          c1: '464',c2: '5767',c3:'7867',c4:'None',
          oLeadingE:'-5.545',oLeadingS:'6.5',oLeadingF:'3.545',
          ELeadingS:'-3.545',ELeadingF:'14.5',SLeadingF:'2.56',
          explain:"说明"
        }],
    }
  },
  mounted(){
    this.$nextTick(() => {
      for (let i = 0; i < this.tableData.length; i++) {
        this.$refs.multipleTableDevice.toggleRowSelection(
          this.tableData[i],
          true
        );
      }
    });
  },
  methods:{
  }
}
</script>
<style scoped>
  .homewave {
    width: 100%;
    height: 882px;
    background-color: #fff;
    padding: 3px 8px;
    /* background-color: #30335f */
  }
</style>